<%--
  Created by IntelliJ IDEA.
  User: shadow
  Date: 2015/11/28
  Time: 21:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/ajaxfileupload.js"></script>
    <script type="text/javascript">
        function ajaxFileUpload(){
            var uname = "shadow";
            //开始上传文件时显示一个图片,文件上传完成将图片隐藏
            //$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();});
            //执行上传文件操作的函数
            $.ajaxFileUpload({
                //处理文件上传操作的服务器端地址(可以传参数,已亲测可用)
                url:'/test/fileUpload?uname=' + uname,
                secureuri:false,                       //是否启用安全提交,默认为false
                fileElementId:['myBlogImage1','myBlogImage2'],           //文件选择框的id属性
                dataType:'text',                       //服务器返回的格式,可以是json或xml等
                success:function(data, status){        //服务器响应成功时的处理函数
                    $('#result').html('修改头像成功' + data);
                },
                error:function(data, status, e){ //服务器响应失败时的处理函数
                    $('#result').html('图片上传失败，请重试！！');
                }
            });
        }
    </script>
</head>
<body>
<div id="result"></div>
<input type="file" id="myBlogImage1" name="myfiles"/>
<input type="file" id="myBlogImage2" name="myfiles"/>
<input type="button" value="上传图片" onclick="ajaxFileUpload()"/>
</body>
</html>
